<!--内容开始-->
<section class="content">
  <div class="container-fluid">
    <div class="card card-primary card-outline">
      <div class="card-header">
        <h3 class="card-title">Icons</h3>
      </div> <!-- /.card-body -->
      <div class="card-body">
        <p>
          You can use any font library you like with AdminLTE 3.
          <i class="far fa-fw fa-question-circle" data-toggle="tooltip" data-placement="top" title="Tooltip on top test"></i>
        </p>
        <strong>Recommendations</strong>
        <div>
          <a target="_blank" href="https://fontawesome.com/">Font Awesome</a><br>
          <a target="_blank" href="https://useiconic.com/open/">Iconic Icons</a><br>
          <a target="_blank" href="http://ionicons.com/">Ion Icons</a><br>
        </div>
      </div><!-- /.card-body -->
    </div>
    <div class="card card-info card-outline">
      <div class="card-header">
        <h3 class="card-title">Font Awesome Icons</h3>
      </div>
      <div class="card-body">
        <div class="mb-3">
          <h6 class="card-subtitle mb-2 text-muted">Solid icons</h6>
          <div class="row">
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ad"></i> <span class="align-middle">ad</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-address-book"></i> <span class="align-middle">address-book</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-address-card"></i> <span class="align-middle">address-card</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-adjust"></i> <span class="align-middle">adjust</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-air-freshener"></i> <span class="align-middle">air-freshener</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-align-center"></i> <span class="align-middle">align-center</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-align-justify"></i> <span class="align-middle">align-justify</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-align-left"></i> <span class="align-middle">align-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-align-right"></i> <span class="align-middle">align-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-allergies"></i> <span class="align-middle">allergies</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ambulance"></i> <span class="align-middle">ambulance</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-american-sign-language-interpreting"></i> <span class="align-middle">american-sign-language-interpreting</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-anchor"></i> <span class="align-middle">anchor</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-double-down"></i> <span class="align-middle">angle-double-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-double-left"></i> <span class="align-middle">angle-double-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-double-right"></i> <span class="align-middle">angle-double-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-double-up"></i> <span class="align-middle">angle-double-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-down"></i> <span class="align-middle">angle-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-left"></i> <span class="align-middle">angle-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-right"></i> <span class="align-middle">angle-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angle-up"></i> <span class="align-middle">angle-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-angry"></i> <span class="align-middle">angry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ankh"></i> <span class="align-middle">ankh</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-apple-alt"></i> <span class="align-middle">apple-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-archive"></i> <span class="align-middle">archive</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-archway"></i> <span class="align-middle">archway</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-alt-circle-down"></i> <span class="align-middle">arrow-alt-circle-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-alt-circle-left"></i> <span class="align-middle">arrow-alt-circle-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-alt-circle-right"></i> <span class="align-middle">arrow-alt-circle-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-alt-circle-up"></i> <span class="align-middle">arrow-alt-circle-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-circle-down"></i> <span class="align-middle">arrow-circle-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-circle-left"></i> <span class="align-middle">arrow-circle-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-circle-right"></i> <span class="align-middle">arrow-circle-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-circle-up"></i> <span class="align-middle">arrow-circle-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-down"></i> <span class="align-middle">arrow-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-left"></i> <span class="align-middle">arrow-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-right"></i> <span class="align-middle">arrow-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrow-up"></i> <span class="align-middle">arrow-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrows-alt"></i> <span class="align-middle">arrows-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrows-alt-h"></i> <span class="align-middle">arrows-alt-h</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-arrows-alt-v"></i> <span class="align-middle">arrows-alt-v</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-assistive-listening-systems"></i> <span class="align-middle">assistive-listening-systems</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-asterisk"></i> <span class="align-middle">asterisk</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-at"></i> <span class="align-middle">at</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-atlas"></i> <span class="align-middle">atlas</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-atom"></i> <span class="align-middle">atom</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-audio-description"></i> <span class="align-middle">audio-description</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-award"></i> <span class="align-middle">award</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-backspace"></i> <span class="align-middle">backspace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-backward"></i> <span class="align-middle">backward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-balance-scale"></i> <span class="align-middle">balance-scale</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ban"></i> <span class="align-middle">ban</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-band-aid"></i> <span class="align-middle">band-aid</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-barcode"></i> <span class="align-middle">barcode</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bars"></i> <span class="align-middle">bars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-baseball-ball"></i> <span class="align-middle">baseball-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-basketball-ball"></i> <span class="align-middle">basketball-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bath"></i> <span class="align-middle">bath</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-battery-empty"></i> <span class="align-middle">battery-empty</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-battery-full"></i> <span class="align-middle">battery-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-battery-half"></i> <span class="align-middle">battery-half</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-battery-quarter"></i> <span class="align-middle">battery-quarter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-battery-three-quarters"></i> <span class="align-middle">battery-three-quarters</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bed"></i> <span class="align-middle">bed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-beer"></i> <span class="align-middle">beer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bell"></i> <span class="align-middle">bell</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bell-slash"></i> <span class="align-middle">bell-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bezier-curve"></i> <span class="align-middle">bezier-curve</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bible"></i> <span class="align-middle">bible</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bicycle"></i> <span class="align-middle">bicycle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-binoculars"></i> <span class="align-middle">binoculars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-birthday-cake"></i> <span class="align-middle">birthday-cake</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-blender"></i> <span class="align-middle">blender</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-blind"></i> <span class="align-middle">blind</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bold"></i> <span class="align-middle">bold</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bolt"></i> <span class="align-middle">bolt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bomb"></i> <span class="align-middle">bomb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bone"></i> <span class="align-middle">bone</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bong"></i> <span class="align-middle">bong</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-book"></i> <span class="align-middle">book</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-book-open"></i> <span class="align-middle">book-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-book-reader"></i> <span class="align-middle">book-reader</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bookmark"></i> <span class="align-middle">bookmark</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bowling-ball"></i> <span class="align-middle">bowling-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-box"></i> <span class="align-middle">box</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-box-open"></i> <span class="align-middle">box-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-boxes"></i> <span class="align-middle">boxes</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-braille"></i> <span class="align-middle">braille</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-brain"></i> <span class="align-middle">brain</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-briefcase"></i> <span class="align-middle">briefcase</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-briefcase-medical"></i> <span class="align-middle">briefcase-medical</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-broadcast-tower"></i> <span class="align-middle">broadcast-tower</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-broom"></i> <span class="align-middle">broom</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-brush"></i> <span class="align-middle">brush</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bug"></i> <span class="align-middle">bug</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-building"></i> <span class="align-middle">building</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bullhorn"></i> <span class="align-middle">bullhorn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bullseye"></i> <span class="align-middle">bullseye</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-burn"></i> <span class="align-middle">burn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bus"></i> <span class="align-middle">bus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-bus-alt"></i> <span class="align-middle">bus-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-business-time"></i> <span class="align-middle">business-time</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calculator"></i> <span class="align-middle">calculator</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar"></i> <span class="align-middle">calendar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar-alt"></i> <span class="align-middle">calendar-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar-check"></i> <span class="align-middle">calendar-check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar-minus"></i> <span class="align-middle">calendar-minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar-plus"></i> <span class="align-middle">calendar-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-calendar-times"></i> <span class="align-middle">calendar-times</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-camera"></i> <span class="align-middle">camera</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-camera-retro"></i> <span class="align-middle">camera-retro</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cannabis"></i> <span class="align-middle">cannabis</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-capsules"></i> <span class="align-middle">capsules</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-car"></i> <span class="align-middle">car</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-car-alt"></i> <span class="align-middle">car-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-car-battery"></i> <span class="align-middle">car-battery</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-car-crash"></i> <span class="align-middle">car-crash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-car-side"></i> <span class="align-middle">car-side</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-down"></i> <span class="align-middle">caret-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-left"></i> <span class="align-middle">caret-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-right"></i> <span class="align-middle">caret-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-square-down"></i> <span class="align-middle">caret-square-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-square-left"></i> <span class="align-middle">caret-square-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-square-right"></i> <span class="align-middle">caret-square-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-square-up"></i> <span class="align-middle">caret-square-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-caret-up"></i> <span class="align-middle">caret-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cart-arrow-down"></i> <span class="align-middle">cart-arrow-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cart-plus"></i> <span class="align-middle">cart-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-certificate"></i> <span class="align-middle">certificate</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chalkboard"></i> <span class="align-middle">chalkboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chalkboard-teacher"></i> <span class="align-middle">chalkboard-teacher</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-charging-station"></i> <span class="align-middle">charging-station</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chart-area"></i> <span class="align-middle">chart-area</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chart-bar"></i> <span class="align-middle">chart-bar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chart-line"></i> <span class="align-middle">chart-line</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chart-pie"></i> <span class="align-middle">chart-pie</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-check"></i> <span class="align-middle">check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-check-circle"></i> <span class="align-middle">check-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-check-double"></i> <span class="align-middle">check-double</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-check-square"></i> <span class="align-middle">check-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess"></i> <span class="align-middle">chess</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-bishop"></i> <span class="align-middle">chess-bishop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-board"></i> <span class="align-middle">chess-board</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-king"></i> <span class="align-middle">chess-king</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-knight"></i> <span class="align-middle">chess-knight</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-pawn"></i> <span class="align-middle">chess-pawn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-queen"></i> <span class="align-middle">chess-queen</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chess-rook"></i> <span class="align-middle">chess-rook</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-circle-down"></i> <span class="align-middle">chevron-circle-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-circle-left"></i> <span class="align-middle">chevron-circle-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-circle-right"></i> <span class="align-middle">chevron-circle-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-circle-up"></i> <span class="align-middle">chevron-circle-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-down"></i> <span class="align-middle">chevron-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-left"></i> <span class="align-middle">chevron-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-right"></i> <span class="align-middle">chevron-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-chevron-up"></i> <span class="align-middle">chevron-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-child"></i> <span class="align-middle">child</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-church"></i> <span class="align-middle">church</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-circle"></i> <span class="align-middle">circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-circle-notch"></i> <span class="align-middle">circle-notch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-city"></i> <span class="align-middle">city</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-clipboard"></i> <span class="align-middle">clipboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-clipboard-check"></i> <span class="align-middle">clipboard-check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-clipboard-list"></i> <span class="align-middle">clipboard-list</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-clock"></i> <span class="align-middle">clock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-clone"></i> <span class="align-middle">clone</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-closed-captioning"></i> <span class="align-middle">closed-captioning</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cloud"></i> <span class="align-middle">cloud</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cloud-download-alt"></i> <span class="align-middle">cloud-download-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cloud-upload-alt"></i> <span class="align-middle">cloud-upload-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cocktail"></i> <span class="align-middle">cocktail</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-code"></i> <span class="align-middle">code</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-code-branch"></i> <span class="align-middle">code-branch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-coffee"></i> <span class="align-middle">coffee</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cog"></i> <span class="align-middle">cog</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cogs"></i> <span class="align-middle">cogs</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-coins"></i> <span class="align-middle">coins</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-columns"></i> <span class="align-middle">columns</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comment"></i> <span class="align-middle">comment</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comment-alt"></i> <span class="align-middle">comment-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comment-dollar"></i> <span class="align-middle">comment-dollar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comment-dots"></i> <span class="align-middle">comment-dots</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comment-slash"></i> <span class="align-middle">comment-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comments"></i> <span class="align-middle">comments</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-comments-dollar"></i> <span class="align-middle">comments-dollar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-compact-disc"></i> <span class="align-middle">compact-disc</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-compass"></i> <span class="align-middle">compass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-compress"></i> <span class="align-middle">compress</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-concierge-bell"></i> <span class="align-middle">concierge-bell</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cookie"></i> <span class="align-middle">cookie</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cookie-bite"></i> <span class="align-middle">cookie-bite</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-copy"></i> <span class="align-middle">copy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-copyright"></i> <span class="align-middle">copyright</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-couch"></i> <span class="align-middle">couch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-credit-card"></i> <span class="align-middle">credit-card</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-crop"></i> <span class="align-middle">crop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-crop-alt"></i> <span class="align-middle">crop-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cross"></i> <span class="align-middle">cross</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-crosshairs"></i> <span class="align-middle">crosshairs</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-crow"></i> <span class="align-middle">crow</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-crown"></i> <span class="align-middle">crown</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cube"></i> <span class="align-middle">cube</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cubes"></i> <span class="align-middle">cubes</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-cut"></i> <span class="align-middle">cut</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-database"></i> <span class="align-middle">database</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-deaf"></i> <span class="align-middle">deaf</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-desktop"></i> <span class="align-middle">desktop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dharmachakra"></i> <span class="align-middle">dharmachakra</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-diagnoses"></i> <span class="align-middle">diagnoses</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice"></i> <span class="align-middle">dice</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-five"></i> <span class="align-middle">dice-five</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-four"></i> <span class="align-middle">dice-four</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-one"></i> <span class="align-middle">dice-one</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-six"></i> <span class="align-middle">dice-six</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-three"></i> <span class="align-middle">dice-three</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dice-two"></i> <span class="align-middle">dice-two</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-digital-tachograph"></i> <span class="align-middle">digital-tachograph</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-directions"></i> <span class="align-middle">directions</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-divide"></i> <span class="align-middle">divide</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dizzy"></i> <span class="align-middle">dizzy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dna"></i> <span class="align-middle">dna</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dollar-sign"></i> <span class="align-middle">dollar-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dolly"></i> <span class="align-middle">dolly</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dolly-flatbed"></i> <span class="align-middle">dolly-flatbed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-donate"></i> <span class="align-middle">donate</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-door-closed"></i> <span class="align-middle">door-closed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-door-open"></i> <span class="align-middle">door-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dot-circle"></i> <span class="align-middle">dot-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dove"></i> <span class="align-middle">dove</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-download"></i> <span class="align-middle">download</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-drafting-compass"></i> <span class="align-middle">drafting-compass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-draw-polygon"></i> <span class="align-middle">draw-polygon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-drum"></i> <span class="align-middle">drum</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-drum-steelpan"></i> <span class="align-middle">drum-steelpan</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-dumbbell"></i> <span class="align-middle">dumbbell</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-edit"></i> <span class="align-middle">edit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-eject"></i> <span class="align-middle">eject</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ellipsis-h"></i> <span class="align-middle">ellipsis-h</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ellipsis-v"></i> <span class="align-middle">ellipsis-v</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-envelope"></i> <span class="align-middle">envelope</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-envelope-open"></i> <span class="align-middle">envelope-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-envelope-open-text"></i> <span class="align-middle">envelope-open-text</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-envelope-square"></i> <span class="align-middle">envelope-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-equals"></i> <span class="align-middle">equals</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-eraser"></i> <span class="align-middle">eraser</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-euro-sign"></i> <span class="align-middle">euro-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-exchange-alt"></i> <span class="align-middle">exchange-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-exclamation"></i> <span class="align-middle">exclamation</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-exclamation-circle"></i> <span class="align-middle">exclamation-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-exclamation-triangle"></i> <span class="align-middle">exclamation-triangle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-expand"></i> <span class="align-middle">expand</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-expand-arrows-alt"></i> <span class="align-middle">expand-arrows-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-external-link-alt"></i> <span class="align-middle">external-link-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-external-link-square-alt"></i> <span class="align-middle">external-link-square-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-eye"></i> <span class="align-middle">eye</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-eye-dropper"></i> <span class="align-middle">eye-dropper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-eye-slash"></i> <span class="align-middle">eye-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fast-backward"></i> <span class="align-middle">fast-backward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fast-forward"></i> <span class="align-middle">fast-forward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fax"></i> <span class="align-middle">fax</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-feather"></i> <span class="align-middle">feather</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-feather-alt"></i> <span class="align-middle">feather-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-female"></i> <span class="align-middle">female</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fighter-jet"></i> <span class="align-middle">fighter-jet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file"></i> <span class="align-middle">file</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-alt"></i> <span class="align-middle">file-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-archive"></i> <span class="align-middle">file-archive</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-audio"></i> <span class="align-middle">file-audio</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-code"></i> <span class="align-middle">file-code</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-contract"></i> <span class="align-middle">file-contract</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-download"></i> <span class="align-middle">file-download</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-excel"></i> <span class="align-middle">file-excel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-export"></i> <span class="align-middle">file-export</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-image"></i> <span class="align-middle">file-image</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-import"></i> <span class="align-middle">file-import</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-invoice"></i> <span class="align-middle">file-invoice</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-invoice-dollar"></i> <span class="align-middle">file-invoice-dollar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-medical"></i> <span class="align-middle">file-medical</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-medical-alt"></i> <span class="align-middle">file-medical-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-pdf"></i> <span class="align-middle">file-pdf</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-powerpoint"></i> <span class="align-middle">file-powerpoint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-prescription"></i> <span class="align-middle">file-prescription</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-signature"></i> <span class="align-middle">file-signature</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-upload"></i> <span class="align-middle">file-upload</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-video"></i> <span class="align-middle">file-video</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-file-word"></i> <span class="align-middle">file-word</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fill"></i> <span class="align-middle">fill</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fill-drip"></i> <span class="align-middle">fill-drip</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-film"></i> <span class="align-middle">film</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-filter"></i> <span class="align-middle">filter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fingerprint"></i> <span class="align-middle">fingerprint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fire"></i> <span class="align-middle">fire</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fire-extinguisher"></i> <span class="align-middle">fire-extinguisher</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-first-aid"></i> <span class="align-middle">first-aid</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-fish"></i> <span class="align-middle">fish</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-flag"></i> <span class="align-middle">flag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-flag-checkered"></i> <span class="align-middle">flag-checkered</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-flask"></i> <span class="align-middle">flask</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-flushed"></i> <span class="align-middle">flushed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-folder"></i> <span class="align-middle">folder</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-folder-minus"></i> <span class="align-middle">folder-minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-folder-open"></i> <span class="align-middle">folder-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-folder-plus"></i> <span class="align-middle">folder-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-font"></i> <span class="align-middle">font</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-font-awesome-logo-full"></i> <span class="align-middle">font-awesome-logo-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-football-ball"></i> <span class="align-middle">football-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-forward"></i> <span class="align-middle">forward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-frog"></i> <span class="align-middle">frog</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-frown"></i> <span class="align-middle">frown</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-frown-open"></i> <span class="align-middle">frown-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-funnel-dollar"></i> <span class="align-middle">funnel-dollar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-futbol"></i> <span class="align-middle">futbol</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gamepad"></i> <span class="align-middle">gamepad</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gas-pump"></i> <span class="align-middle">gas-pump</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gavel"></i> <span class="align-middle">gavel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gem"></i> <span class="align-middle">gem</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-genderless"></i> <span class="align-middle">genderless</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gift"></i> <span class="align-middle">gift</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-glass-martini"></i> <span class="align-middle">glass-martini</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-glass-martini-alt"></i> <span class="align-middle">glass-martini-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-glasses"></i> <span class="align-middle">glasses</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-globe"></i> <span class="align-middle">globe</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-globe-africa"></i> <span class="align-middle">globe-africa</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-globe-americas"></i> <span class="align-middle">globe-americas</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-globe-asia"></i> <span class="align-middle">globe-asia</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-golf-ball"></i> <span class="align-middle">golf-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-gopuram"></i> <span class="align-middle">gopuram</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-graduation-cap"></i> <span class="align-middle">graduation-cap</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-greater-than"></i> <span class="align-middle">greater-than</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-greater-than-equal"></i> <span class="align-middle">greater-than-equal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grimace"></i> <span class="align-middle">grimace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin"></i> <span class="align-middle">grin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-alt"></i> <span class="align-middle">grin-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-beam"></i> <span class="align-middle">grin-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-beam-sweat"></i> <span class="align-middle">grin-beam-sweat</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-hearts"></i> <span class="align-middle">grin-hearts</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-squint"></i> <span class="align-middle">grin-squint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-squint-tears"></i> <span class="align-middle">grin-squint-tears</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-stars"></i> <span class="align-middle">grin-stars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-tears"></i> <span class="align-middle">grin-tears</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-tongue"></i> <span class="align-middle">grin-tongue</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-tongue-squint"></i> <span class="align-middle">grin-tongue-squint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-tongue-wink"></i> <span class="align-middle">grin-tongue-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grin-wink"></i> <span class="align-middle">grin-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grip-horizontal"></i> <span class="align-middle">grip-horizontal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-grip-vertical"></i> <span class="align-middle">grip-vertical</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-h-square"></i> <span class="align-middle">h-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hamsa"></i> <span class="align-middle">hamsa</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-holding"></i> <span class="align-middle">hand-holding</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-holding-heart"></i> <span class="align-middle">hand-holding-heart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-holding-usd"></i> <span class="align-middle">hand-holding-usd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-lizard"></i> <span class="align-middle">hand-lizard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-paper"></i> <span class="align-middle">hand-paper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-peace"></i> <span class="align-middle">hand-peace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-point-down"></i> <span class="align-middle">hand-point-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-point-left"></i> <span class="align-middle">hand-point-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-point-right"></i> <span class="align-middle">hand-point-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-point-up"></i> <span class="align-middle">hand-point-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-pointer"></i> <span class="align-middle">hand-pointer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-rock"></i> <span class="align-middle">hand-rock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-scissors"></i> <span class="align-middle">hand-scissors</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hand-spock"></i> <span class="align-middle">hand-spock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hands"></i> <span class="align-middle">hands</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hands-helping"></i> <span class="align-middle">hands-helping</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-handshake"></i> <span class="align-middle">handshake</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hashtag"></i> <span class="align-middle">hashtag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-haykal"></i> <span class="align-middle">haykal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-hdd"></i> <span class="align-middle">hdd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-heading"></i> <span class="align-middle">heading</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-headphones"></i> <span class="align-middle">headphones</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-headphones-alt"></i> <span class="align-middle">headphones-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-italic"></i> <span class="align-middle">italic</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-joint"></i> <span class="align-middle">joint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-key"></i> <span class="align-middle">key</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-keyboard"></i> <span class="align-middle">keyboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-kiss"></i> <span class="align-middle">kiss</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-kiss-beam"></i> <span class="align-middle">kiss-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-kiss-wink-heart"></i> <span class="align-middle">kiss-wink-heart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-kiwi-bird"></i> <span class="align-middle">kiwi-bird</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-language"></i> <span class="align-middle">language</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-laptop"></i> <span class="align-middle">laptop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-laugh"></i> <span class="align-middle">laugh</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-laugh-beam"></i> <span class="align-middle">laugh-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-laugh-squint"></i> <span class="align-middle">laugh-squint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-laugh-wink"></i> <span class="align-middle">laugh-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-leaf"></i> <span class="align-middle">leaf</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-lemon"></i> <span class="align-middle">lemon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-less-than"></i> <span class="align-middle">less-than</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-less-than-equal"></i> <span class="align-middle">less-than-equal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-level-down-alt"></i> <span class="align-middle">level-down-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-level-up-alt"></i> <span class="align-middle">level-up-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-life-ring"></i> <span class="align-middle">life-ring</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-lightbulb"></i> <span class="align-middle">lightbulb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-link"></i> <span class="align-middle">link</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-lira-sign"></i> <span class="align-middle">lira-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-list"></i> <span class="align-middle">list</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-list-alt"></i> <span class="align-middle">list-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-list-ol"></i> <span class="align-middle">list-ol</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-list-ul"></i> <span class="align-middle">list-ul</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-location-arrow"></i> <span class="align-middle">location-arrow</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-lock"></i> <span class="align-middle">lock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-lock-open"></i> <span class="align-middle">lock-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-long-arrow-alt-down"></i> <span class="align-middle">long-arrow-alt-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-long-arrow-alt-left"></i> <span class="align-middle">long-arrow-alt-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-long-arrow-alt-right"></i> <span class="align-middle">long-arrow-alt-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-long-arrow-alt-up"></i> <span class="align-middle">long-arrow-alt-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-low-vision"></i> <span class="align-middle">low-vision</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-luggage-cart"></i> <span class="align-middle">luggage-cart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-magic"></i> <span class="align-middle">magic</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-magnet"></i> <span class="align-middle">magnet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-male"></i> <span class="align-middle">male</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map"></i> <span class="align-middle">map</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-marked"></i> <span class="align-middle">map-marked</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-marked-alt"></i> <span class="align-middle">map-marked-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-marker"></i> <span class="align-middle">map-marker</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-marker-alt"></i> <span class="align-middle">map-marker-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-pin"></i> <span class="align-middle">map-pin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-map-signs"></i> <span class="align-middle">map-signs</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-marker"></i> <span class="align-middle">marker</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mars"></i> <span class="align-middle">mars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mars-double"></i> <span class="align-middle">mars-double</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mars-stroke"></i> <span class="align-middle">mars-stroke</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mars-stroke-h"></i> <span class="align-middle">mars-stroke-h</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mars-stroke-v"></i> <span class="align-middle">mars-stroke-v</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-medal"></i> <span class="align-middle">medal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-medkit"></i> <span class="align-middle">medkit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-meh"></i> <span class="align-middle">meh</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-meh-blank"></i> <span class="align-middle">meh-blank</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-meh-rolling-eyes"></i> <span class="align-middle">meh-rolling-eyes</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-memory"></i> <span class="align-middle">memory</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mercury"></i> <span class="align-middle">mercury</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-microchip"></i> <span class="align-middle">microchip</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-microphone"></i> <span class="align-middle">microphone</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-microphone-alt"></i> <span class="align-middle">microphone-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-microphone-alt-slash"></i> <span class="align-middle">microphone-alt-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-microphone-slash"></i> <span class="align-middle">microphone-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-minus"></i> <span class="align-middle">minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-minus-circle"></i> <span class="align-middle">minus-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-minus-square"></i> <span class="align-middle">minus-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mobile"></i> <span class="align-middle">mobile</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mobile-alt"></i> <span class="align-middle">mobile-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-bill"></i> <span class="align-middle">money-bill</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-bill-alt"></i> <span class="align-middle">money-bill-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-bill-wave"></i> <span class="align-middle">money-bill-wave</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-bill-wave-alt"></i> <span class="align-middle">money-bill-wave-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-check"></i> <span class="align-middle">money-check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-money-check-alt"></i> <span class="align-middle">money-check-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-monument"></i> <span class="align-middle">monument</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-moon"></i> <span class="align-middle">moon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mortar-pestle"></i> <span class="align-middle">mortar-pestle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-motorcycle"></i> <span class="align-middle">motorcycle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-mouse-pointer"></i> <span class="align-middle">mouse-pointer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-music"></i> <span class="align-middle">music</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-neuter"></i> <span class="align-middle">neuter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-newspaper"></i> <span class="align-middle">newspaper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-not-equal"></i> <span class="align-middle">not-equal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-notes-medical"></i> <span class="align-middle">notes-medical</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-object-group"></i> <span class="align-middle">object-group</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-object-ungroup"></i> <span class="align-middle">object-ungroup</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-outdent"></i> <span class="align-middle">outdent</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paint-brush"></i> <span class="align-middle">paint-brush</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paint-roller"></i> <span class="align-middle">paint-roller</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-palette"></i> <span class="align-middle">palette</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pallet"></i> <span class="align-middle">pallet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paper-plane"></i> <span class="align-middle">paper-plane</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paperclip"></i> <span class="align-middle">paperclip</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-parachute-box"></i> <span class="align-middle">parachute-box</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paragraph"></i> <span class="align-middle">paragraph</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-parking"></i> <span class="align-middle">parking</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-passport"></i> <span class="align-middle">passport</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paste"></i> <span class="align-middle">paste</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pause"></i> <span class="align-middle">pause</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pause-circle"></i> <span class="align-middle">pause-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-paw"></i> <span class="align-middle">paw</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pen"></i> <span class="align-middle">pen</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pen-alt"></i> <span class="align-middle">pen-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pen-fancy"></i> <span class="align-middle">pen-fancy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pen-nib"></i> <span class="align-middle">pen-nib</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pen-square"></i> <span class="align-middle">pen-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pencil-alt"></i> <span class="align-middle">pencil-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pencil-ruler"></i> <span class="align-middle">pencil-ruler</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-people-carry"></i> <span class="align-middle">people-carry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-percent"></i> <span class="align-middle">percent</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-percentage"></i> <span class="align-middle">percentage</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-phone"></i> <span class="align-middle">phone</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-phone-slash"></i> <span class="align-middle">phone-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-phone-square"></i> <span class="align-middle">phone-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-phone-volume"></i> <span class="align-middle">phone-volume</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-piggy-bank"></i> <span class="align-middle">piggy-bank</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pills"></i> <span class="align-middle">pills</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plane"></i> <span class="align-middle">plane</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plane-arrival"></i> <span class="align-middle">plane-arrival</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plane-departure"></i> <span class="align-middle">plane-departure</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-play"></i> <span class="align-middle">play</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-play-circle"></i> <span class="align-middle">play-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plug"></i> <span class="align-middle">plug</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plus"></i> <span class="align-middle">plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plus-circle"></i> <span class="align-middle">plus-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-plus-square"></i> <span class="align-middle">plus-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-podcast"></i> <span class="align-middle">podcast</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-poo"></i> <span class="align-middle">poo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-portrait"></i> <span class="align-middle">portrait</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-pound-sign"></i> <span class="align-middle">pound-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-power-off"></i> <span class="align-middle">power-off</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-prescription"></i> <span class="align-middle">prescription</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-prescription-bottle"></i> <span class="align-middle">prescription-bottle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-prescription-bottle-alt"></i> <span class="align-middle">prescription-bottle-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-print"></i> <span class="align-middle">print</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-procedures"></i> <span class="align-middle">procedures</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-project-diagram"></i> <span class="align-middle">project-diagram</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-puzzle-piece"></i> <span class="align-middle">puzzle-piece</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-qrcode"></i> <span class="align-middle">qrcode</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-question"></i> <span class="align-middle">question</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-question-circle"></i> <span class="align-middle">question-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-quidditch"></i> <span class="align-middle">quidditch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-quote-left"></i> <span class="align-middle">quote-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-quote-right"></i> <span class="align-middle">quote-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-random"></i> <span class="align-middle">random</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-receipt"></i> <span class="align-middle">receipt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-recycle"></i> <span class="align-middle">recycle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-redo"></i> <span class="align-middle">redo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-redo-alt"></i> <span class="align-middle">redo-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-registered"></i> <span class="align-middle">registered</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-reply"></i> <span class="align-middle">reply</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-reply-all"></i> <span class="align-middle">reply-all</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-retweet"></i> <span class="align-middle">retweet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ribbon"></i> <span class="align-middle">ribbon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-road"></i> <span class="align-middle">road</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-robot"></i> <span class="align-middle">robot</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-rocket"></i> <span class="align-middle">rocket</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-rss"></i> <span class="align-middle">rss</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-rss-square"></i> <span class="align-middle">rss-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ruble-sign"></i> <span class="align-middle">ruble-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ruler"></i> <span class="align-middle">ruler</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ruler-combined"></i> <span class="align-middle">ruler-combined</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ruler-horizontal"></i> <span class="align-middle">ruler-horizontal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ruler-vertical"></i> <span class="align-middle">ruler-vertical</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-rupee-sign"></i> <span class="align-middle">rupee-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sad-cry"></i> <span class="align-middle">sad-cry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sad-tear"></i> <span class="align-middle">sad-tear</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-save"></i> <span class="align-middle">save</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-school"></i> <span class="align-middle">school</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-screwdriver"></i> <span class="align-middle">screwdriver</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-search"></i> <span class="align-middle">search</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-search-minus"></i> <span class="align-middle">search-minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-search-plus"></i> <span class="align-middle">search-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-seedling"></i> <span class="align-middle">seedling</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-server"></i> <span class="align-middle">server</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-share"></i> <span class="align-middle">share</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-share-alt"></i> <span class="align-middle">share-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-share-alt-square"></i> <span class="align-middle">share-alt-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-share-square"></i> <span class="align-middle">share-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shekel-sign"></i> <span class="align-middle">shekel-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shield-alt"></i> <span class="align-middle">shield-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ship"></i> <span class="align-middle">ship</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shipping-fast"></i> <span class="align-middle">shipping-fast</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shoe-prints"></i> <span class="align-middle">shoe-prints</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shopping-bag"></i> <span class="align-middle">shopping-bag</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shopping-basket"></i> <span class="align-middle">shopping-basket</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shopping-cart"></i> <span class="align-middle">shopping-cart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shower"></i> <span class="align-middle">shower</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-shuttle-van"></i> <span class="align-middle">shuttle-van</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sign"></i> <span class="align-middle">sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sign-in-alt"></i> <span class="align-middle">sign-in-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sign-language"></i> <span class="align-middle">sign-language</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sign-out-alt"></i> <span class="align-middle">sign-out-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-signal"></i> <span class="align-middle">signal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-signature"></i> <span class="align-middle">signature</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sitemap"></i> <span class="align-middle">sitemap</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-skull"></i> <span class="align-middle">skull</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sliders-h"></i> <span class="align-middle">sliders-h</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-smile"></i> <span class="align-middle">smile</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-smile-beam"></i> <span class="align-middle">smile-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-smile-wink"></i> <span class="align-middle">smile-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-smoking"></i> <span class="align-middle">smoking</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-smoking-ban"></i> <span class="align-middle">smoking-ban</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-snowflake"></i> <span class="align-middle">snowflake</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-solar-panel"></i> <span class="align-middle">solar-panel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort"></i> <span class="align-middle">sort</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-alpha-down"></i> <span class="align-middle">sort-alpha-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-alpha-up"></i> <span class="align-middle">sort-alpha-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-amount-down"></i> <span class="align-middle">sort-amount-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-amount-up"></i> <span class="align-middle">sort-amount-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-down"></i> <span class="align-middle">sort-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-numeric-down"></i> <span class="align-middle">sort-numeric-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-numeric-up"></i> <span class="align-middle">sort-numeric-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sort-up"></i> <span class="align-middle">sort-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-spa"></i> <span class="align-middle">spa</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-space-shuttle"></i> <span class="align-middle">space-shuttle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-spinner"></i> <span class="align-middle">spinner</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-splotch"></i> <span class="align-middle">splotch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-spray-can"></i> <span class="align-middle">spray-can</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-square"></i> <span class="align-middle">square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-square-full"></i> <span class="align-middle">square-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stamp"></i> <span class="align-middle">stamp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-star"></i> <span class="align-middle">star</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-star-half"></i> <span class="align-middle">star-half</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-star-half-alt"></i> <span class="align-middle">star-half-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-step-backward"></i> <span class="align-middle">step-backward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-step-forward"></i> <span class="align-middle">step-forward</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stethoscope"></i> <span class="align-middle">stethoscope</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sticky-note"></i> <span class="align-middle">sticky-note</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stop"></i> <span class="align-middle">stop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stop-circle"></i> <span class="align-middle">stop-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stopwatch"></i> <span class="align-middle">stopwatch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-store"></i> <span class="align-middle">store</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-store-alt"></i> <span class="align-middle">store-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stream"></i> <span class="align-middle">stream</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-street-view"></i> <span class="align-middle">street-view</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-strikethrough"></i> <span class="align-middle">strikethrough</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-stroopwafel"></i> <span class="align-middle">stroopwafel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-subscript"></i> <span class="align-middle">subscript</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-subway"></i> <span class="align-middle">subway</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-suitcase"></i> <span class="align-middle">suitcase</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-suitcase-rolling"></i> <span class="align-middle">suitcase-rolling</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sun"></i> <span class="align-middle">sun</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-superscript"></i> <span class="align-middle">superscript</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-surprise"></i> <span class="align-middle">surprise</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-swatchbook"></i> <span class="align-middle">swatchbook</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-swimmer"></i> <span class="align-middle">swimmer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-swimming-pool"></i> <span class="align-middle">swimming-pool</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sync"></i> <span class="align-middle">sync</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-sync-alt"></i> <span class="align-middle">sync-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-syringe"></i> <span class="align-middle">syringe</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-table"></i> <span class="align-middle">table</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-table-tennis"></i> <span class="align-middle">table-tennis</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tablet"></i> <span class="align-middle">tablet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tablet-alt"></i> <span class="align-middle">tablet-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tablets"></i> <span class="align-middle">tablets</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tachometer-alt"></i> <span class="align-middle">tachometer-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tag"></i> <span class="align-middle">tag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tags"></i> <span class="align-middle">tags</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tape"></i> <span class="align-middle">tape</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tasks"></i> <span class="align-middle">tasks</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-taxi"></i> <span class="align-middle">taxi</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-terminal"></i> <span class="align-middle">terminal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-text-height"></i> <span class="align-middle">text-height</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-text-width"></i> <span class="align-middle">text-width</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-th"></i> <span class="align-middle">th</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-th-large"></i> <span class="align-middle">th-large</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-th-list"></i> <span class="align-middle">th-list</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer"></i> <span class="align-middle">thermometer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer-empty"></i> <span class="align-middle">thermometer-empty</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer-full"></i> <span class="align-middle">thermometer-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer-half"></i> <span class="align-middle">thermometer-half</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer-quarter"></i> <span class="align-middle">thermometer-quarter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thermometer-three-quarters"></i> <span class="align-middle">thermometer-three-quarters</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thumbs-down"></i> <span class="align-middle">thumbs-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thumbs-up"></i> <span class="align-middle">thumbs-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-thumbtack"></i> <span class="align-middle">thumbtack</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-ticket-alt"></i> <span class="align-middle">ticket-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-times"></i> <span class="align-middle">times</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-times-circle"></i> <span class="align-middle">times-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tint"></i> <span class="align-middle">tint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tint-slash"></i> <span class="align-middle">tint-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tired"></i> <span class="align-middle">tired</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-toggle-off"></i> <span class="align-middle">toggle-off</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-toggle-on"></i> <span class="align-middle">toggle-on</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-toolbox"></i> <span class="align-middle">toolbox</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tooth"></i> <span class="align-middle">tooth</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-trademark"></i> <span class="align-middle">trademark</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-train"></i> <span class="align-middle">train</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-transgender"></i> <span class="align-middle">transgender</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-transgender-alt"></i> <span class="align-middle">transgender-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-trash"></i> <span class="align-middle">trash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-trash-alt"></i> <span class="align-middle">trash-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tree"></i> <span class="align-middle">tree</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-trophy"></i> <span class="align-middle">trophy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-truck"></i> <span class="align-middle">truck</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-truck-loading"></i> <span class="align-middle">truck-loading</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-truck-moving"></i> <span class="align-middle">truck-moving</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tshirt"></i> <span class="align-middle">tshirt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tty"></i> <span class="align-middle">tty</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-tv"></i> <span class="align-middle">tv</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-umbrella"></i> <span class="align-middle">umbrella</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-umbrella-beach"></i> <span class="align-middle">umbrella-beach</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-underline"></i> <span class="align-middle">underline</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-undo"></i> <span class="align-middle">undo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-undo-alt"></i> <span class="align-middle">undo-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-universal-access"></i> <span class="align-middle">universal-access</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-university"></i> <span class="align-middle">university</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-unlink"></i> <span class="align-middle">unlink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-unlock"></i> <span class="align-middle">unlock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-unlock-alt"></i> <span class="align-middle">unlock-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-upload"></i> <span class="align-middle">upload</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user"></i> <span class="align-middle">user</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-alt"></i> <span class="align-middle">user-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-alt-slash"></i> <span class="align-middle">user-alt-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-astronaut"></i> <span class="align-middle">user-astronaut</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-check"></i> <span class="align-middle">user-check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-circle"></i> <span class="align-middle">user-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-clock"></i> <span class="align-middle">user-clock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-cog"></i> <span class="align-middle">user-cog</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-edit"></i> <span class="align-middle">user-edit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-friends"></i> <span class="align-middle">user-friends</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-graduate"></i> <span class="align-middle">user-graduate</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-lock"></i> <span class="align-middle">user-lock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-md"></i> <span class="align-middle">user-md</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-minus"></i> <span class="align-middle">user-minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-ninja"></i> <span class="align-middle">user-ninja</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-plus"></i> <span class="align-middle">user-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-secret"></i> <span class="align-middle">user-secret</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-shield"></i> <span class="align-middle">user-shield</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-slash"></i> <span class="align-middle">user-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-tag"></i> <span class="align-middle">user-tag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-tie"></i> <span class="align-middle">user-tie</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-user-times"></i> <span class="align-middle">user-times</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-users"></i> <span class="align-middle">users</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-users-cog"></i> <span class="align-middle">users-cog</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-utensil-spoon"></i> <span class="align-middle">utensil-spoon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-utensils"></i> <span class="align-middle">utensils</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-vector-square"></i> <span class="align-middle">vector-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-venus"></i> <span class="align-middle">venus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-venus-double"></i> <span class="align-middle">venus-double</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-venus-mars"></i> <span class="align-middle">venus-mars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-vial"></i> <span class="align-middle">vial</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-vials"></i> <span class="align-middle">vials</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-video"></i> <span class="align-middle">video</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-video-slash"></i> <span class="align-middle">video-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-volleyball-ball"></i> <span class="align-middle">volleyball-ball</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-volume-down"></i> <span class="align-middle">volume-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-volume-off"></i> <span class="align-middle">volume-off</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-volume-up"></i> <span class="align-middle">volume-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-walking"></i> <span class="align-middle">walking</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wallet"></i> <span class="align-middle">wallet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-warehouse"></i> <span class="align-middle">warehouse</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-weight"></i> <span class="align-middle">weight</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-weight-hanging"></i> <span class="align-middle">weight-hanging</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wheelchair"></i> <span class="align-middle">wheelchair</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wifi"></i> <span class="align-middle">wifi</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-window-close"></i> <span class="align-middle">window-close</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-window-maximize"></i> <span class="align-middle">window-maximize</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-window-minimize"></i> <span class="align-middle">window-minimize</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-window-restore"></i> <span class="align-middle">window-restore</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wine-glass"></i> <span class="align-middle">wine-glass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wine-glass-alt"></i> <span class="align-middle">wine-glass-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-won-sign"></i> <span class="align-middle">won-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-wrench"></i> <span class="align-middle">wrench</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-x-ray"></i> <span class="align-middle">x-ray</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-yen-sign"></i> <span class="align-middle">yen-sign</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fas fa-fw fa-yin-yang"></i> <span class="align-middle">yin-yang</span>
              </div>
            </div>
          </div>
        </div>

        <hr>

        <div class="my-3">
          <h6 class="card-subtitle mb-2 text-muted">Regular icons</h6>
          <div class="row">
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-address-book"></i> <span class="align-middle">address-book</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-address-card"></i> <span class="align-middle">address-card</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-angry"></i> <span class="align-middle">angry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-arrow-alt-circle-down"></i> <span class="align-middle">arrow-alt-circle-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-arrow-alt-circle-left"></i> <span class="align-middle">arrow-alt-circle-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-arrow-alt-circle-right"></i> <span class="align-middle">arrow-alt-circle-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-arrow-alt-circle-up"></i> <span class="align-middle">arrow-alt-circle-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-bell"></i> <span class="align-middle">bell</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-bell-slash"></i> <span class="align-middle">bell-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-bookmark"></i> <span class="align-middle">bookmark</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-building"></i> <span class="align-middle">building</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar"></i> <span class="align-middle">calendar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar-alt"></i> <span class="align-middle">calendar-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar-check"></i> <span class="align-middle">calendar-check</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar-minus"></i> <span class="align-middle">calendar-minus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar-plus"></i> <span class="align-middle">calendar-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-calendar-times"></i> <span class="align-middle">calendar-times</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-caret-square-down"></i> <span class="align-middle">caret-square-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-caret-square-left"></i> <span class="align-middle">caret-square-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-caret-square-right"></i> <span class="align-middle">caret-square-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-caret-square-up"></i> <span class="align-middle">caret-square-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-chart-bar"></i> <span class="align-middle">chart-bar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-check-circle"></i> <span class="align-middle">check-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-check-square"></i> <span class="align-middle">check-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-circle"></i> <span class="align-middle">circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-clipboard"></i> <span class="align-middle">clipboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-clock"></i> <span class="align-middle">clock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-clone"></i> <span class="align-middle">clone</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-closed-captioning"></i> <span class="align-middle">closed-captioning</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-comment"></i> <span class="align-middle">comment</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-comment-alt"></i> <span class="align-middle">comment-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-comment-dots"></i> <span class="align-middle">comment-dots</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-comments"></i> <span class="align-middle">comments</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-compass"></i> <span class="align-middle">compass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-copy"></i> <span class="align-middle">copy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-copyright"></i> <span class="align-middle">copyright</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-credit-card"></i> <span class="align-middle">credit-card</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-dizzy"></i> <span class="align-middle">dizzy</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-dot-circle"></i> <span class="align-middle">dot-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-edit"></i> <span class="align-middle">edit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-envelope"></i> <span class="align-middle">envelope</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-envelope-open"></i> <span class="align-middle">envelope-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-eye"></i> <span class="align-middle">eye</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-eye-slash"></i> <span class="align-middle">eye-slash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file"></i> <span class="align-middle">file</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-alt"></i> <span class="align-middle">file-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-archive"></i> <span class="align-middle">file-archive</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-audio"></i> <span class="align-middle">file-audio</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-code"></i> <span class="align-middle">file-code</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-excel"></i> <span class="align-middle">file-excel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-image"></i> <span class="align-middle">file-image</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-pdf"></i> <span class="align-middle">file-pdf</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-powerpoint"></i> <span class="align-middle">file-powerpoint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-video"></i> <span class="align-middle">file-video</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-file-word"></i> <span class="align-middle">file-word</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-flag"></i> <span class="align-middle">flag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-flushed"></i> <span class="align-middle">flushed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-folder"></i> <span class="align-middle">folder</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-folder-open"></i> <span class="align-middle">folder-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-font-awesome-logo-full"></i> <span class="align-middle">font-awesome-logo-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-frown"></i> <span class="align-middle">frown</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-frown-open"></i> <span class="align-middle">frown-open</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-futbol"></i> <span class="align-middle">futbol</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-gem"></i> <span class="align-middle">gem</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grimace"></i> <span class="align-middle">grimace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin"></i> <span class="align-middle">grin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-alt"></i> <span class="align-middle">grin-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-beam"></i> <span class="align-middle">grin-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-beam-sweat"></i> <span class="align-middle">grin-beam-sweat</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-hearts"></i> <span class="align-middle">grin-hearts</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-squint"></i> <span class="align-middle">grin-squint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-squint-tears"></i> <span class="align-middle">grin-squint-tears</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-stars"></i> <span class="align-middle">grin-stars</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-tears"></i> <span class="align-middle">grin-tears</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-tongue"></i> <span class="align-middle">grin-tongue</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-tongue-squint"></i> <span class="align-middle">grin-tongue-squint</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-tongue-wink"></i> <span class="align-middle">grin-tongue-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-grin-wink"></i> <span class="align-middle">grin-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-lizard"></i> <span class="align-middle">hand-lizard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-paper"></i> <span class="align-middle">hand-paper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-peace"></i> <span class="align-middle">hand-peace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-point-down"></i> <span class="align-middle">hand-point-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-point-left"></i> <span class="align-middle">hand-point-left</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-point-right"></i> <span class="align-middle">hand-point-right</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-point-up"></i> <span class="align-middle">hand-point-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-pointer"></i> <span class="align-middle">hand-pointer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-rock"></i> <span class="align-middle">hand-rock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-scissors"></i> <span class="align-middle">hand-scissors</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hand-spock"></i> <span class="align-middle">hand-spock</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-handshake"></i> <span class="align-middle">handshake</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hdd"></i> <span class="align-middle">hdd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-heart"></i> <span class="align-middle">heart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hospital"></i> <span class="align-middle">hospital</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-hourglass"></i> <span class="align-middle">hourglass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-id-badge"></i> <span class="align-middle">id-badge</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-id-card"></i> <span class="align-middle">id-card</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-image"></i> <span class="align-middle">image</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-images"></i> <span class="align-middle">images</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-keyboard"></i> <span class="align-middle">keyboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-kiss"></i> <span class="align-middle">kiss</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-kiss-beam"></i> <span class="align-middle">kiss-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-kiss-wink-heart"></i> <span class="align-middle">kiss-wink-heart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-laugh"></i> <span class="align-middle">laugh</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-laugh-beam"></i> <span class="align-middle">laugh-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-laugh-squint"></i> <span class="align-middle">laugh-squint</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-laugh-wink"></i> <span class="align-middle">laugh-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-lemon"></i> <span class="align-middle">lemon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-life-ring"></i> <span class="align-middle">life-ring</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-lightbulb"></i> <span class="align-middle">lightbulb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-list-alt"></i> <span class="align-middle">list-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-map"></i> <span class="align-middle">map</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-meh"></i> <span class="align-middle">meh</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-meh-blank"></i> <span class="align-middle">meh-blank</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-meh-rolling-eyes"></i> <span class="align-middle">meh-rolling-eyes</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-minus-square"></i> <span class="align-middle">minus-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-money-bill-alt"></i> <span class="align-middle">money-bill-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-moon"></i> <span class="align-middle">moon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-newspaper"></i> <span class="align-middle">newspaper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-object-group"></i> <span class="align-middle">object-group</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-object-ungroup"></i> <span class="align-middle">object-ungroup</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-paper-plane"></i> <span class="align-middle">paper-plane</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-pause-circle"></i> <span class="align-middle">pause-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-play-circle"></i> <span class="align-middle">play-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-plus-square"></i> <span class="align-middle">plus-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-question-circle"></i> <span class="align-middle">question-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-registered"></i> <span class="align-middle">registered</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-sad-cry"></i> <span class="align-middle">sad-cry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-sad-tear"></i> <span class="align-middle">sad-tear</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-save"></i> <span class="align-middle">save</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-share-square"></i> <span class="align-middle">share-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-smile"></i> <span class="align-middle">smile</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-smile-beam"></i> <span class="align-middle">smile-beam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-smile-wink"></i> <span class="align-middle">smile-wink</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-snowflake"></i> <span class="align-middle">snowflake</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-square"></i> <span class="align-middle">square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-star"></i> <span class="align-middle">star</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-star-half"></i> <span class="align-middle">star-half</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-sticky-note"></i> <span class="align-middle">sticky-note</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-stop-circle"></i> <span class="align-middle">stop-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-sun"></i> <span class="align-middle">sun</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-surprise"></i> <span class="align-middle">surprise</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-thumbs-down"></i> <span class="align-middle">thumbs-down</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-thumbs-up"></i> <span class="align-middle">thumbs-up</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-times-circle"></i> <span class="align-middle">times-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-tired"></i> <span class="align-middle">tired</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-trash-alt"></i> <span class="align-middle">trash-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-user"></i> <span class="align-middle">user</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-user-circle"></i> <span class="align-middle">user-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-window-close"></i> <span class="align-middle">window-close</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-window-maximize"></i> <span class="align-middle">window-maximize</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-window-minimize"></i> <span class="align-middle">window-minimize</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 far fa-fw fa-window-restore"></i> <span class="align-middle">window-restore</span>
              </div>
            </div>
          </div>
        </div>

        <hr>

        <div class="mt-3">
          <h6 class="card-subtitle mb-2 text-muted">Brand icons</h6>
          <div class="row">
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-500px"></i> <span class="align-middle">500px</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-accessible-icon"></i> <span class="align-middle">accessible-icon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-accusoft"></i> <span class="align-middle">accusoft</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-adn"></i> <span class="align-middle">adn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-adversal"></i> <span class="align-middle">adversal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-affiliatetheme"></i> <span class="align-middle">affiliatetheme</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-algolia"></i> <span class="align-middle">algolia</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-alipay"></i> <span class="align-middle">alipay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-amazon"></i> <span class="align-middle">amazon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-amazon-pay"></i> <span class="align-middle">amazon-pay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-amilia"></i> <span class="align-middle">amilia</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-android"></i> <span class="align-middle">android</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-angellist"></i> <span class="align-middle">angellist</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-angrycreative"></i> <span class="align-middle">angrycreative</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-angular"></i> <span class="align-middle">angular</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-app-store"></i> <span class="align-middle">app-store</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-app-store-ios"></i> <span class="align-middle">app-store-ios</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-apper"></i> <span class="align-middle">apper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-apple"></i> <span class="align-middle">apple</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-apple-pay"></i> <span class="align-middle">apple-pay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-asymmetrik"></i> <span class="align-middle">asymmetrik</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-audible"></i> <span class="align-middle">audible</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-autoprefixer"></i> <span class="align-middle">autoprefixer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-avianex"></i> <span class="align-middle">avianex</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-aviato"></i> <span class="align-middle">aviato</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-aws"></i> <span class="align-middle">aws</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bandcamp"></i> <span class="align-middle">bandcamp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-behance"></i> <span class="align-middle">behance</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-behance-square"></i> <span class="align-middle">behance-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bimobject"></i> <span class="align-middle">bimobject</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bitbucket"></i> <span class="align-middle">bitbucket</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bitcoin"></i> <span class="align-middle">bitcoin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bity"></i> <span class="align-middle">bity</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-black-tie"></i> <span class="align-middle">black-tie</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-blackberry"></i> <span class="align-middle">blackberry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-blogger"></i> <span class="align-middle">blogger</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-blogger-b"></i> <span class="align-middle">blogger-b</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bluetooth"></i> <span class="align-middle">bluetooth</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-bluetooth-b"></i> <span class="align-middle">bluetooth-b</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-btc"></i> <span class="align-middle">btc</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-buromobelexperte"></i> <span class="align-middle">buromobelexperte</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-amazon-pay"></i> <span class="align-middle">cc-amazon-pay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-amex"></i> <span class="align-middle">cc-amex</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-apple-pay"></i> <span class="align-middle">cc-apple-pay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-diners-club"></i> <span class="align-middle">cc-diners-club</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-discover"></i> <span class="align-middle">cc-discover</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-jcb"></i> <span class="align-middle">cc-jcb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-mastercard"></i> <span class="align-middle">cc-mastercard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-paypal"></i> <span class="align-middle">cc-paypal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-stripe"></i> <span class="align-middle">cc-stripe</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cc-visa"></i> <span class="align-middle">cc-visa</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-centercode"></i> <span class="align-middle">centercode</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-chrome"></i> <span class="align-middle">chrome</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cloudscale"></i> <span class="align-middle">cloudscale</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cloudsmith"></i> <span class="align-middle">cloudsmith</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cloudversify"></i> <span class="align-middle">cloudversify</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-codepen"></i> <span class="align-middle">codepen</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-codiepie"></i> <span class="align-middle">codiepie</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-connectdevelop"></i> <span class="align-middle">connectdevelop</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-contao"></i> <span class="align-middle">contao</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cpanel"></i> <span class="align-middle">cpanel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons"></i> <span class="align-middle">creative-commons</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-by"></i> <span class="align-middle">creative-commons-by</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-nc"></i> <span class="align-middle">creative-commons-nc</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-nc-eu"></i> <span class="align-middle">creative-commons-nc-eu</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-nc-jp"></i> <span class="align-middle">creative-commons-nc-jp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-nd"></i> <span class="align-middle">creative-commons-nd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-pd"></i> <span class="align-middle">creative-commons-pd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-pd-alt"></i> <span class="align-middle">creative-commons-pd-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-remix"></i> <span class="align-middle">creative-commons-remix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-sa"></i> <span class="align-middle">creative-commons-sa</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-sampling"></i> <span class="align-middle">creative-commons-sampling</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-sampling-plus"></i> <span class="align-middle">creative-commons-sampling-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-creative-commons-share"></i> <span class="align-middle">creative-commons-share</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-css3"></i> <span class="align-middle">css3</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-css3-alt"></i> <span class="align-middle">css3-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-cuttlefish"></i> <span class="align-middle">cuttlefish</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-d-and-d"></i> <span class="align-middle">d-and-d</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dashcube"></i> <span class="align-middle">dashcube</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-delicious"></i> <span class="align-middle">delicious</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-deploydog"></i> <span class="align-middle">deploydog</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-deskpro"></i> <span class="align-middle">deskpro</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-deviantart"></i> <span class="align-middle">deviantart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-digg"></i> <span class="align-middle">digg</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-digital-ocean"></i> <span class="align-middle">digital-ocean</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-discord"></i> <span class="align-middle">discord</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-discourse"></i> <span class="align-middle">discourse</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dochub"></i> <span class="align-middle">dochub</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-docker"></i> <span class="align-middle">docker</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-draft2digital"></i> <span class="align-middle">draft2digital</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dribbble"></i> <span class="align-middle">dribbble</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dribbble-square"></i> <span class="align-middle">dribbble-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dropbox"></i> <span class="align-middle">dropbox</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-drupal"></i> <span class="align-middle">drupal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-dyalog"></i> <span class="align-middle">dyalog</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-earlybirds"></i> <span class="align-middle">earlybirds</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ebay"></i> <span class="align-middle">ebay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-edge"></i> <span class="align-middle">edge</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-elementor"></i> <span class="align-middle">elementor</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ello"></i> <span class="align-middle">ello</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ember"></i> <span class="align-middle">ember</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-empire"></i> <span class="align-middle">empire</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-envira"></i> <span class="align-middle">envira</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-erlang"></i> <span class="align-middle">erlang</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ethereum"></i> <span class="align-middle">ethereum</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-etsy"></i> <span class="align-middle">etsy</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-expeditedssl"></i> <span class="align-middle">expeditedssl</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-facebook"></i> <span class="align-middle">facebook</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-facebook-f"></i> <span class="align-middle">facebook-f</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-facebook-messenger"></i> <span class="align-middle">facebook-messenger</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-facebook-square"></i> <span class="align-middle">facebook-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-firefox"></i> <span class="align-middle">firefox</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-first-order"></i> <span class="align-middle">first-order</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-first-order-alt"></i> <span class="align-middle">first-order-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-firstdraft"></i> <span class="align-middle">firstdraft</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-flickr"></i> <span class="align-middle">flickr</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-flipboard"></i> <span class="align-middle">flipboard</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fly"></i> <span class="align-middle">fly</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-font-awesome"></i> <span class="align-middle">font-awesome</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-font-awesome-alt"></i> <span class="align-middle">font-awesome-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-font-awesome-flag"></i> <span class="align-middle">font-awesome-flag</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-font-awesome-logo-full"></i> <span class="align-middle">font-awesome-logo-full</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fonticons"></i> <span class="align-middle">fonticons</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fonticons-fi"></i> <span class="align-middle">fonticons-fi</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fort-awesome"></i> <span class="align-middle">fort-awesome</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fort-awesome-alt"></i> <span class="align-middle">fort-awesome-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-forumbee"></i> <span class="align-middle">forumbee</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-foursquare"></i> <span class="align-middle">foursquare</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-free-code-camp"></i> <span class="align-middle">free-code-camp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-freebsd"></i> <span class="align-middle">freebsd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-fulcrum"></i> <span class="align-middle">fulcrum</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-galactic-republic"></i> <span class="align-middle">galactic-republic</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-galactic-senate"></i> <span class="align-middle">galactic-senate</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-get-pocket"></i> <span class="align-middle">get-pocket</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gg"></i> <span class="align-middle">gg</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gg-circle"></i> <span class="align-middle">gg-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-git"></i> <span class="align-middle">git</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-git-square"></i> <span class="align-middle">git-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-github"></i> <span class="align-middle">github</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-github-alt"></i> <span class="align-middle">github-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-github-square"></i> <span class="align-middle">github-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gitkraken"></i> <span class="align-middle">gitkraken</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gitlab"></i> <span class="align-middle">gitlab</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gitter"></i> <span class="align-middle">gitter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-glide"></i> <span class="align-middle">glide</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-glide-g"></i> <span class="align-middle">glide-g</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gofore"></i> <span class="align-middle">gofore</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-goodreads"></i> <span class="align-middle">goodreads</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-goodreads-g"></i> <span class="align-middle">goodreads-g</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google"></i> <span class="align-middle">google</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-drive"></i> <span class="align-middle">google-drive</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-play"></i> <span class="align-middle">google-play</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-plus"></i> <span class="align-middle">google-plus</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-plus-g"></i> <span class="align-middle">google-plus-g</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-plus-square"></i> <span class="align-middle">google-plus-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-google-wallet"></i> <span class="align-middle">google-wallet</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gratipay"></i> <span class="align-middle">gratipay</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-grav"></i> <span class="align-middle">grav</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gripfire"></i> <span class="align-middle">gripfire</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-grunt"></i> <span class="align-middle">grunt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-gulp"></i> <span class="align-middle">gulp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hacker-news"></i> <span class="align-middle">hacker-news</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hacker-news-square"></i> <span class="align-middle">hacker-news-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hackerrank"></i> <span class="align-middle">hackerrank</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hips"></i> <span class="align-middle">hips</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hire-a-helper"></i> <span class="align-middle">hire-a-helper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hooli"></i> <span class="align-middle">hooli</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hornbill"></i> <span class="align-middle">hornbill</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hotjar"></i> <span class="align-middle">hotjar</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-houzz"></i> <span class="align-middle">houzz</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-html5"></i> <span class="align-middle">html5</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-hubspot"></i> <span class="align-middle">hubspot</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-imdb"></i> <span class="align-middle">imdb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-instagram"></i> <span class="align-middle">instagram</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-internet-explorer"></i> <span class="align-middle">internet-explorer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ioxhost"></i> <span class="align-middle">ioxhost</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-itunes"></i> <span class="align-middle">itunes</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-itunes-note"></i> <span class="align-middle">itunes-note</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-java"></i> <span class="align-middle">java</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-jedi-order"></i> <span class="align-middle">jedi-order</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-jenkins"></i> <span class="align-middle">jenkins</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-joget"></i> <span class="align-middle">joget</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-joomla"></i> <span class="align-middle">joomla</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-js"></i> <span class="align-middle">js</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-js-square"></i> <span class="align-middle">js-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-jsfiddle"></i> <span class="align-middle">jsfiddle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-kaggle"></i> <span class="align-middle">kaggle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-keybase"></i> <span class="align-middle">keybase</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-keycdn"></i> <span class="align-middle">keycdn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-kickstarter"></i> <span class="align-middle">kickstarter</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-kickstarter-k"></i> <span class="align-middle">kickstarter-k</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-korvue"></i> <span class="align-middle">korvue</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-laravel"></i> <span class="align-middle">laravel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-lastfm"></i> <span class="align-middle">lastfm</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-lastfm-square"></i> <span class="align-middle">lastfm-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-leanpub"></i> <span class="align-middle">leanpub</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-less"></i> <span class="align-middle">less</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-line"></i> <span class="align-middle">line</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-linkedin"></i> <span class="align-middle">linkedin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-linkedin-in"></i> <span class="align-middle">linkedin-in</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-linode"></i> <span class="align-middle">linode</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-linux"></i> <span class="align-middle">linux</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-lyft"></i> <span class="align-middle">lyft</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-magento"></i> <span class="align-middle">magento</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mailchimp"></i> <span class="align-middle">mailchimp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mandalorian"></i> <span class="align-middle">mandalorian</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-markdown"></i> <span class="align-middle">markdown</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mastodon"></i> <span class="align-middle">mastodon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-maxcdn"></i> <span class="align-middle">maxcdn</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-medapps"></i> <span class="align-middle">medapps</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-medium"></i> <span class="align-middle">medium</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-medium-m"></i> <span class="align-middle">medium-m</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-medrt"></i> <span class="align-middle">medrt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-meetup"></i> <span class="align-middle">meetup</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-megaport"></i> <span class="align-middle">megaport</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-microsoft"></i> <span class="align-middle">microsoft</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mix"></i> <span class="align-middle">mix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mixcloud"></i> <span class="align-middle">mixcloud</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-mizuni"></i> <span class="align-middle">mizuni</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-modx"></i> <span class="align-middle">modx</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-monero"></i> <span class="align-middle">monero</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-napster"></i> <span class="align-middle">napster</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-neos"></i> <span class="align-middle">neos</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-nimblr"></i> <span class="align-middle">nimblr</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-nintendo-switch"></i> <span class="align-middle">nintendo-switch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-node"></i> <span class="align-middle">node</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-node-js"></i> <span class="align-middle">node-js</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-npm"></i> <span class="align-middle">npm</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ns8"></i> <span class="align-middle">ns8</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-nutritionix"></i> <span class="align-middle">nutritionix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-odnoklassniki"></i> <span class="align-middle">odnoklassniki</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-odnoklassniki-square"></i> <span class="align-middle">odnoklassniki-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-old-republic"></i> <span class="align-middle">old-republic</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-opencart"></i> <span class="align-middle">opencart</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-openid"></i> <span class="align-middle">openid</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-opera"></i> <span class="align-middle">opera</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-optin-monster"></i> <span class="align-middle">optin-monster</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-osi"></i> <span class="align-middle">osi</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-page4"></i> <span class="align-middle">page4</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pagelines"></i> <span class="align-middle">pagelines</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-palfed"></i> <span class="align-middle">palfed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-patreon"></i> <span class="align-middle">patreon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-paypal"></i> <span class="align-middle">paypal</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-periscope"></i> <span class="align-middle">periscope</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-phabricator"></i> <span class="align-middle">phabricator</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-phoenix-framework"></i> <span class="align-middle">phoenix-framework</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-phoenix-squadron"></i> <span class="align-middle">phoenix-squadron</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-php"></i> <span class="align-middle">php</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pied-piper"></i> <span class="align-middle">pied-piper</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pied-piper-alt"></i> <span class="align-middle">pied-piper-alt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pied-piper-hat"></i> <span class="align-middle">pied-piper-hat</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pied-piper-pp"></i> <span class="align-middle">pied-piper-pp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pinterest"></i> <span class="align-middle">pinterest</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pinterest-p"></i> <span class="align-middle">pinterest-p</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pinterest-square"></i> <span class="align-middle">pinterest-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-playstation"></i> <span class="align-middle">playstation</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-product-hunt"></i> <span class="align-middle">product-hunt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-pushed"></i> <span class="align-middle">pushed</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-python"></i> <span class="align-middle">python</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-qq"></i> <span class="align-middle">qq</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-quinscape"></i> <span class="align-middle">quinscape</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-quora"></i> <span class="align-middle">quora</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-r-project"></i> <span class="align-middle">r-project</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ravelry"></i> <span class="align-middle">ravelry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-react"></i> <span class="align-middle">react</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-readme"></i> <span class="align-middle">readme</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-rebel"></i> <span class="align-middle">rebel</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-red-river"></i> <span class="align-middle">red-river</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-reddit"></i> <span class="align-middle">reddit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-reddit-alien"></i> <span class="align-middle">reddit-alien</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-reddit-square"></i> <span class="align-middle">reddit-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-renren"></i> <span class="align-middle">renren</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-replyd"></i> <span class="align-middle">replyd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-researchgate"></i> <span class="align-middle">researchgate</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-resolving"></i> <span class="align-middle">resolving</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-rev"></i> <span class="align-middle">rev</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-rocketchat"></i> <span class="align-middle">rocketchat</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-rockrms"></i> <span class="align-middle">rockrms</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-safari"></i> <span class="align-middle">safari</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sass"></i> <span class="align-middle">sass</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-schlix"></i> <span class="align-middle">schlix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-scribd"></i> <span class="align-middle">scribd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-searchengin"></i> <span class="align-middle">searchengin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sellcast"></i> <span class="align-middle">sellcast</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sellsy"></i> <span class="align-middle">sellsy</span>
              </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-servicestack"></i> <span class="align-middle">servicestack</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-shirtsinbulk"></i> <span class="align-middle">shirtsinbulk</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-shopware"></i> <span class="align-middle">shopware</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-simplybuilt"></i> <span class="align-middle">simplybuilt</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sistrix"></i> <span class="align-middle">sistrix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sith"></i> <span class="align-middle">sith</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-skyatlas"></i> <span class="align-middle">skyatlas</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-skype"></i> <span class="align-middle">skype</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-slack"></i> <span class="align-middle">slack</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-slack-hash"></i> <span class="align-middle">slack-hash</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-slideshare"></i> <span class="align-middle">slideshare</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-snapchat"></i> <span class="align-middle">snapchat</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-snapchat-ghost"></i> <span class="align-middle">snapchat-ghost</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-snapchat-square"></i> <span class="align-middle">snapchat-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-soundcloud"></i> <span class="align-middle">soundcloud</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-speakap"></i> <span class="align-middle">speakap</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-spotify"></i> <span class="align-middle">spotify</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-squarespace"></i> <span class="align-middle">squarespace</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stack-exchange"></i> <span class="align-middle">stack-exchange</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stack-overflow"></i> <span class="align-middle">stack-overflow</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-staylinked"></i> <span class="align-middle">staylinked</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-steam"></i> <span class="align-middle">steam</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-steam-square"></i> <span class="align-middle">steam-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-steam-symbol"></i> <span class="align-middle">steam-symbol</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-sticker-mule"></i> <span class="align-middle">sticker-mule</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-strava"></i> <span class="align-middle">strava</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stripe"></i> <span class="align-middle">stripe</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stripe-s"></i> <span class="align-middle">stripe-s</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-studiovinari"></i> <span class="align-middle">studiovinari</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stumbleupon"></i> <span class="align-middle">stumbleupon</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-stumbleupon-circle"></i> <span class="align-middle">stumbleupon-circle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-superpowers"></i> <span class="align-middle">superpowers</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-supple"></i> <span class="align-middle">supple</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-teamspeak"></i> <span class="align-middle">teamspeak</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-telegram"></i> <span class="align-middle">telegram</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-telegram-plane"></i> <span class="align-middle">telegram-plane</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-tencent-weibo"></i> <span class="align-middle">tencent-weibo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-the-red-yeti"></i> <span class="align-middle">the-red-yeti</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-themeco"></i> <span class="align-middle">themeco</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-themeisle"></i> <span class="align-middle">themeisle</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-trade-federation"></i> <span class="align-middle">trade-federation</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-trello"></i> <span class="align-middle">trello</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-tripadvisor"></i> <span class="align-middle">tripadvisor</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-tumblr"></i> <span class="align-middle">tumblr</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-tumblr-square"></i> <span class="align-middle">tumblr-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-twitch"></i> <span class="align-middle">twitch</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-twitter"></i> <span class="align-middle">twitter</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-twitter-square"></i> <span class="align-middle">twitter-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-typo3"></i> <span class="align-middle">typo3</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-uber"></i> <span class="align-middle">uber</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-uikit"></i> <span class="align-middle">uikit</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-uniregistry"></i> <span class="align-middle">uniregistry</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-untappd"></i> <span class="align-middle">untappd</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-usb"></i> <span class="align-middle">usb</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-ussunnah"></i> <span class="align-middle">ussunnah</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vaadin"></i> <span class="align-middle">vaadin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-viacoin"></i> <span class="align-middle">viacoin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-viadeo"></i> <span class="align-middle">viadeo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-viadeo-square"></i> <span class="align-middle">viadeo-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-viber"></i> <span class="align-middle">viber</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vimeo"></i> <span class="align-middle">vimeo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vimeo-square"></i> <span class="align-middle">vimeo-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vimeo-v"></i> <span class="align-middle">vimeo-v</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vine"></i> <span class="align-middle">vine</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vk"></i> <span class="align-middle">vk</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vnv"></i> <span class="align-middle">vnv</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-vuejs"></i> <span class="align-middle">vuejs</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-weebly"></i> <span class="align-middle">weebly</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-weibo"></i> <span class="align-middle">weibo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-weixin"></i> <span class="align-middle">weixin</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-whatsapp"></i> <span class="align-middle">whatsapp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-whatsapp-square"></i> <span class="align-middle">whatsapp-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-whmcs"></i> <span class="align-middle">whmcs</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wikipedia-w"></i> <span class="align-middle">wikipedia-w</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-windows"></i> <span class="align-middle">windows</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wix"></i> <span class="align-middle">wix</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wolf-pack-battalion"></i> <span class="align-middle">wolf-pack-battalion</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wordpress"></i> <span class="align-middle">wordpress</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wordpress-simple"></i> <span class="align-middle">wordpress-simple</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wpbeginner"></i> <span class="align-middle">wpbeginner</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wpexplorer"></i> <span class="align-middle">wpexplorer</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-wpforms"></i> <span class="align-middle">wpforms</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-xbox"></i> <span class="align-middle">xbox</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-xing"></i> <span class="align-middle">xing</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-xing-square"></i> <span class="align-middle">xing-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-y-combinator"></i> <span class="align-middle">y-combinator</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-yahoo"></i> <span class="align-middle">yahoo</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-yandex"></i> <span class="align-middle">yandex</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-yandex-international"></i> <span class="align-middle">yandex-international</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-yelp"></i> <span class="align-middle">yelp</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-yoast"></i> <span class="align-middle">yoast</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-youtube"></i> <span class="align-middle">youtube</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-youtube-square"></i> <span class="align-middle">youtube-square</span>
              </div>
              <div class="mb-2">
                <i class="align-middle mr-2 fab fa-fw fa-zhihu"></i> <span class="align-middle">zhihu</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.container-fluid -->
</section>
<!--内容结束-->
